<template>
  <div>
    <MyItem 
        v-for="todo in todoList" 
        :key="todo.id" 
        :todo="todo"
        :deleteTodoList="deleteTodoList" />
  </div>
</template>

<script>
import MyItem from "./myItem.vue";
export default {
  name: "MyTodos",
  props: ['todoList', 'deleteTodoList'],
  data() {
    return {
    };
  },
  components: {
    MyItem,
  },
};
</script>

<style scoped>
</style>